<template>
    <view class="content">
        <van-popup  position="bottom" @click-overlay="closePopup" :show="show" round z-index=104
            custom-style="width: 100%;background:#ffffff;overflow: hidden; ">
            <view class="popup-content" >
                <!-- <scroll-view :refresher-enabled="false" class="scroll-content" scroll-y :lower-threshold="80" show-scrollbar="false"> -->

                <view class="popup-main">
                    <view style="display: flex; justify-content: space-between;">
                        <view class="popupTitle"> {{title}}</view>
                        <van-icon name="cross"  size="15" @click="closePopup" />
                    </view>
                    <view class="cancelPopup-wrapper " >
                        <view class="b24">1、申请注销即表示您自愿放弃账号内所有会员权益和虚拟资产（包括但不限于会员积分、会员等级及会员权益、优惠券等）。</view>
                        <view class="b24">2、本账户一旦被注销将不可恢复，请您在操作之前自行备份账户相关的所有信息和数据。</view>
                        <view class="b24">3、注销后，您将无法再登录、使用本账户，也将无法找回您账户中及与账户相关的任何内容或信息，包括但不限于：用户名、头像等。</view>
                        <view>4、注销本账户并不代表本账户注销前的账户行为和相关责任得到豁免或减轻。</view>
                    </view>
                </view>
                <!-- </scroll-view> -->
                <view class="goodsAction" @tap="iKonw"> 
                    知道了
                </view>
            </view>
        </van-popup>
    </view>
</template>

<script>
export default {
    props: {
        show: {
            type: Boolean,
            default: () => false
        },
       
    },
    data () {
        return {
            date: '',
            title: '注销协议',
        }
    },

    computed: {},


  watch:{},
    onLoad () { },
    onReady () { },

    methods: {
        // 关闭弹窗
        closePopup () {
            this.$emit('closePopup')
        },

        // 我知道了
        iKonw(){
            this.$emit('closePopup')
        },

  },

}
</script>
<style lang="scss" scoped>

::v-deep .van-button__text {
    // display: inline-block;
    display: flex !important;
    flex-direction: column !important;
}
// 提示框
.popup-content {
    padding: 48rpx 48rpx 0rpx 48rpx;
    padding-bottom: env(safe-area-inset-bottom);
    font-size: 24rpx;
    background: #FFFFFF;
    border-radius: 16px;
    overflow: hidden;
    // height: 100%;


    .popup-main {
        height: calc(100% - 86rpx);
    }


    .popupTitle {
        font-size: 40rpx;
        text-align: left;
        color: #111111;
        line-height: 40rpx;
    }


    .cancelPopup-wrapper {
        padding-top: 56rpx;
        padding-bottom: 68rpx;
        border-bottom: 1px solid #f0f0f0;

        font-size: 24rpx;
        color: #111111;
    }


    // 加入购物车按钮
    .goodsAction {
        height: 136rpx;
        // margin-top: 22px;
        width: 100%;
        text-align: center;
        font-size: 36rpx;
        line-height: 36rpx;
        color: #111111; 
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .button {
        width: 100%;
        font-size: 16px;
        color: #ffffff;
        height: 44px;
        line-height: 44px;
        border-radius: 25px;
        border-style: initial !important;
        padding: 0 !important;
        background: #FF6203 !important;
        border: none !important;
    }
}



::v-deep .van-button--danger, .van-button--normal, .van-goods-action-button__inner {
    font-weight: normal !important;
}
.van-button--plain {
     border:none !important;
}


.l20 {
    margin-left: 20px;
}

.r13 {
    margin-right: 13px;
}

.r8 {
    margin-right: 8px;
}
.b24{
    margin-bottom: 24px;
}
</style>

